<template>
  <div id="app">
        <!-- 一级路由坑 说明展示的配置的一级路由 -->
        <router-view></router-view>
        <!-- Tabbar 标签栏 -->
        <van-tabbar v-model="active" v-show="$route.meta.isShowTabbar">
            <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
            <van-tabbar-item icon="search" to="/topic">专题</van-tabbar-item>
            <van-tabbar-item icon="friends-o" to="/category">分类</van-tabbar-item>
            <van-tabbar-item icon="cart-circle-o" to="/cart">购物车</van-tabbar-item>
            <van-tabbar-item icon="setting-o" to="/user">我的</van-tabbar-item>
      </van-tabbar>
  </div>
</template>

<script>


export default {
         data() {
                  return {
                    active: 0,
                  };
              },
        
}
</script>

<style>
 html,body{width: 100%;height: 100%;font-size:16PX;}
</style>
